{% include 'header.tpl' %}
<!-- page process -->
<div data-role="page">
    <div data-role="header">
        <h1>{{ process.name }}</h1>
    </div>

    <div data-role="content">
        <h2 id="#process_name">Name: {{ process.name }}</h2>
        <p id="#process_status">Status: {{ process.state }}</p>
        <p id="#process_description">{{ process|e }}</p>

        <div data-role="controlgroup" data-type="horizontal">
            {% if process.state == 'running' %}
            <a href="restart" data-role="button" data-theme="b">Restart</a>
            {% else %}
            <a href="start" data-role="button" data-theme="b">Start</a>
            {% endif %}
            <a href="stop" data-role="button" data-theme="e">Stop</a>
        </div>
    </div>

    <a href="#" data-role="button" data-corners="false" data-rel="back" data-theme="a">Return</a>
</div><!-- page process -->
{% include 'footer.tpl' %}
